<ui:composition template="/modulos/index/template/default.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets">

    <ui:define name="body" oncontextmenu="return false">
   	<h:form id="frmList" ajaxSubmit="false">
   		<p:growl id="msgSystem" showDetail="false" life="5000" escape="true"/>   
  		<p:toolbar>  
	    	<p:toolbarGroup align="left">
		        <p:commandButton title="Nuevo" 	value="Nuevo" 	icon="icn_bar_new" actionListener="#{planificacionObjetivo.nativeNew}" ajax="false" />

			</p:toolbarGroup>  
  		</p:toolbar>    		
      	<p:spacer height="4px"/>
      	
   		<p:dataTable id="itemList" var="item" value="#{planificacionObjetivo.beanList}" filteredValue="#{planificacionObjetivo.beanFilterList}" 
   			emptyMessage="#{constante.LIST_EMPTY}" resizableColumns="true"  
   			paginator="true" rows="#{constante.LIST_SIZE}"  paginatorPosition="bottom"
        	paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} ">
     		
     		<f:facet name="header">
				<h:outputText value="Listado de Objetivos (#{planificacionObjetivo.defaultListSize})" />  
			</f:facet>
			
			<p:column headerText="Lineamiento" style="width:10%; align:center;" sortBy="#{item.lineamiento}">       
				<h:outputText value="#{item.codigoLineamiento}" title="#{item.nombreLineamiento}"  />  
			</p:column>
			
			<p:column headerText="Variable" style="width:30%; align:center;" sortBy="#{item.variable}">       
				<h:outputText value="#{item.nombreVariable}"  />  
			</p:column>
			
			<p:column headerText="Descripción" style="width:45%; align:center;" sortBy="#{item.descripcion}">       
				<h:outputText value="#{item.descripcion}" />  
			</p:column>
			
			<p:column headerText="Opciones" style="width:15%">  
			
				<p:commandButton icon="icn_item_indicator" 	title="Indicador" 		action="#{planificacionObjetivo.goIndicador}" ajax="false">
					<f:setPropertyActionListener value="#{item}" target="#{planificacionObjetivo.beanSelected}" />
				</p:commandButton>

				<p:commandButton icon="icn_item_results" 	title="Resultados" 		action="#{planificacionObjetivo.goResultado}" ajax="false">
					<f:setPropertyActionListener value="#{item}" target="#{planificacionObjetivo.beanSelected}" />
				</p:commandButton>
				

				<p:commandButton icon="icn_item_strategy" 	title="Estrategia" 		action="#{planificacionObjetivo.nativeLoad}" ajax="false">
					<f:setPropertyActionListener value="#{item}" target="#{planificacionObjetivo.beanSelected}" />
				</p:commandButton>
				


				<p:commandButton icon="icn_item_activities" 	title="Actividad" 		action="#{planificacionObjetivo.nativeLoad}" ajax="false">
					<f:setPropertyActionListener value="#{item}" target="#{planificacionObjetivo.beanSelected}" />
				</p:commandButton>
				
				<p:commandButton icon="icn_item_update" 	title="Actualizar" 		action="#{planificacionObjetivo.nativeLoad}" ajax="false">
					<f:setPropertyActionListener value="#{item}" target="#{planificacionObjetivo.beanSelected}" />
				</p:commandButton>
				


        	</p:column>      	        
		</p:dataTable> 
	</h:form>
   		    
    </ui:define>
</ui:composition>